<!-- ***** BEGIN LICENSE BLOCK *****
- Version: MPL 1.1/GPL 2.0/LGPL 2.1
-
- The contents of this file are subject to the Mozilla Public License Version
- 1.1 (the "License"); you may not use this file except in compliance with
- the License. You may obtain a copy of the License at
- http://www.mozilla.org/MPL/
-
- Software distributed under the License is distributed on an "AS IS" basis,
- WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
- for the specific language governing rights and limitations under the
- License.
-
- The Original Code is Bespin.
-
- The Initial Developer of the Original Code is
- Mozilla.
- Portions created by the Initial Developer are Copyright (C) 2009
- the Initial Developer. All Rights Reserved.
-
- Contributor(s):
-
- Alternatively, the contents of this file may be used under the terms of
- either the GNU General Public License Version 2 or later (the "GPL"), or
- the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
- in which case the provisions of the GPL or the LGPL are applicable instead
- of those above. If you wish to allow use of your version of this file only
- under the terms of either the GPL or the LGPL, and not to allow others to
- use your version of this file under the terms of the MPL, indicate your
- decision by deleting the provisions above and replace them with the notice
- and other provisions required by the GPL or the LGPL. If you do not delete
- the provisions above, a recipient may use your version of this file under
- the terms of any one of the MPL, the GPL or the LGPL.
-
- ***** END LICENSE BLOCK ***** -->

<!DOCTYPE html>
<html>
<head>
    <title>Bespin Code Completion Example</title>
    <style type="text/css">
        div.bespin {
            height: 480px;
        }
    </style>
    <link id=bespin_base href="..">
    <link rel=stylesheet type="text/css" href="../BespinEmbedded.css">
</head>
<body>
    <h1>Code Completion Example</h1>
    <p>
        You can drop a <tt>tags.jsonp</tt> file with a function named
        <tt>loadTags</tt> into the <tt>samples/</tt> directory (alongside this
        HTML file) and the tags will be automatically loaded into this editor.
    </p>
<div id=editor class=bespin data-bespinoptions='{ "syntax": "js" }'>// Try typing "jetpack."
</div>

    <script type="text/javascript">
        var TAGS = [
            {
                name: "foo",
                kind: "f",
                tagfile: "jetpack.js",
                addr: "/^foo$/",
                namespace: "jetpack"
            },
            {
                name: "bar",
                kind: "f",
                tagfile: "jetpack.js",
                addr: "/^bar$/",
                namespace: "jetpack"
            },
            {
                name: "baz",
                kind: "m",
                tagfile: "jetpack2.js",
                addr: "/^baz: \\/boo\\/$/",
                namespace: "jetpack",
                type: "regexp"
            },
            {
                name: "boo",
                kind: "m",
                tagfile: "jetpack3.js",
                addr: "/^boo$/",
                module: "jetpack"
            }
        ];

        var editor;

        window.onBespinLoad = function() {
            editor = document.getElementById("editor").bespin.editor;
            editor.addTags(TAGS);

            var elem = document.createElement('script');
            elem.setAttribute('type', "text/javascript");
            elem.setAttribute('src', "tags.jsonp");
            document.body.appendChild(elem);
        }

        window.loadTags = function(tags) {
            editor.addTags(tags);
        }
    </script>
    <script type="text/javascript" src="../BespinEmbedded.js"></script>
</body>
</html>

